<template>
  <div>
    <h1>父组件</h1>
    <button @click="show = !show">显示子组件</button>
    <div v-if="show">
      <ChildCom />
    </div>
  </div>
</template>

<script setup>
const show = ref(true);

onErrorCaptured((error, instance, info) => {
  console.log("onErrorCaptured-->错误对象: ", error);
  console.log("onErrorCaptured-->组件实例: ", instance);
  console.log("onErrorCaptured-->信息来源: ", info);
  // 针对错误对象做一些处理，比如上报错误到服务器的日志系统
  // 如果这里返回了 false，那么就不会继续向上冒泡
  //   return false;
});
</script>
